<include file="public@header"/>
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
<script type="text/html" id="photos-item-tpl">
    <li id="saved-image{id}">
        <input id="photo-{id}" type="hidden" name="photo_urls[]" value="{filepath}">
        <input class="form-control" id="photo-{id}-name" type="text" name="photo_names[]" value="{name}"
               style="width: 200px;" title="图片名称">
        <img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;"
             onclick="imagePreviewDialog(this.src);">
        <a href="javascript:uploadOneImage('图片上传','#photo-{id}');">替换</a>
        <a href="javascript:(function(){$('#saved-image{id}').remove();})();">移除</a>
    </li>
</script>
<script type="text/html" id="files-item-tpl">
    <li id="saved-file{id}">
        <input id="file-{id}" type="hidden" name="file_urls[]" value="{filepath}">
        <input class="form-control" id="file-{id}-name" type="text" name="file_names[]" value="{name}"
               style="width: 200px;" title="文件名称">
        <a id="file-{id}-preview" href="{preview_url}" target="_blank">下载</a>
        <a href="javascript:uploadOne('文件上传','#file-{id}','file');">替换</a>
        <a href="javascript:(function(){$('#saved-file{id}').remove();})();">移除</a>
    </li>
</script>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:url('AdminLaoren/index')}">老人列表</a></li>
        <li class="active"><a href="{:url('AdminLaoren/add')}">添加老人信息</a></li>
    </ul>
    <form action="{:url('AdminLaoren/addPost')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
        <div class="row">
            <div class="col-md-9">
                <table class="table table-bordered">
                    <tr>
                        <th width="100">编号<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][bianma]" required
                                placeholder="请输入编号" value="{$bianhao}" readonly="readonly"/>
                        </td>
                    </tr>
                    <tr>
                        <th width="100">姓名<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[post_title]"
                                   required
                                   placeholder="请输入姓名"/>
                        </td>
                    </tr>
                    <tr>
                        <th width="100">性别<span class="form-required">*</span></th>
                        <td>
                            <select name="post[more][sex]" id="input-sex" style="width: 400px;" class="form-control">
                                <option value="男">男</option>
                                <option value="女">女</option>
                            </select>
                        </td>
                    </tr>

                    <tr>
                        <th width="100">出生日期<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="date" min="0001-01-02" max="9999-12-31" id="birthday" style="width: 400px;" name="post[more][birthday]" required
                                placeholder="请输入出生日期" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">年龄<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" id="age" style="width: 400px;" name="post[more][age]" required readonly />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">余额（元）<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[money]" required
                                placeholder="首次添加可设置余额，编辑不可设置" />
                        </td>
                    </tr>
                    
                    
                    <tr>
                        <th width="100">证件类型<span class="form-required">*</span></th>
                        <td>
                            <select name="post[more][zjtype]" id="input-zjtype" style="width: 400px;" class="form-control">
                                <option value="居民身份证">居民身份证</option>
                                <option value="港澳台身份证">港澳台身份证</option>
                                <option value="军官证">军官证</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th width="100">证件号码<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][zjnum]" required
                                placeholder="请输入证件号码" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">现居住地<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" style="width:400px;" required value="" placeholder="请选择社区"
                                onclick="doSelectCategory();" id="js-categories-name-input" readonly />
                            <input class="form-control" type="hidden" value="" name="post[categories]" id="js-categories-id-input" />
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][add]" required
                                placeholder="请输入现居住地" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">联系电话</th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][tel]" required placeholder="请输入宗教信仰" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">审批时间</th>
                        <td>
                            <input class="form-control" type="date" min="0001-01-02" max="9999-12-31" style="width: 400px;" name="post[more][sptime]" required
                                placeholder="请输入审批时间" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">补贴类型</th>
                        <td>
                            <select name="post[more][butietype]" id="input-butietype" style="width: 400px;" class="form-control">
                                <option value="高龄补">高龄补</option>
                                <option value="失能补">失能补</option>
                                <option value="半失能补">半失能补</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th width="100">低保证号</th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][dbznum]"
                                placeholder="请输入证件号码" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">政治面貌</th>
                        <td>
                            <select name="post[more][zzmm]" id="input-zzmm" style="width: 400px;" class="form-control">
                                <option value="中共党员">中共党员</option>
                                <option value="中共预报党员">中共预报党员</option>
                                <option value="群众">群众</option>
                            </select>
                        </td>
                    </tr>

                    <tr>
                        <th width="100">宗教信仰</th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][zongjiao]"
                                placeholder="请输入宗教信仰" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">婚姻状况</th>
                        <td>
                            <select name="post[more][hunyin]" id="input-hunyin" style="width: 400px;" class="form-control" onchange="func()" >
                                <option value="请选择">请选择</option>
                                <option value="未婚">未婚</option>
                                <option value="已婚">已婚</option>
                                <option value="丧偶">丧偶</option>
                                <option value="离异">离异</option>
                            </select>
                        </td>
                    </tr>
                    <tr id="poxm">
                        <th width="100">配偶姓名</th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][poname]"
                                placeholder="请输入宗教信仰" />
                        </td>
                    </tr>
                    
                    <tr>
                        <th width="100">国籍</th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][guoji]" 
                                placeholder="请输入国籍" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">民族</th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][minzu]" 
                                placeholder="请输入民族" />
                        </td>
                    </tr>
                    <tr>
                        <th width="100">籍贯</th>
                        <td>
                            <input class="form-control" type="text" style="width: 400px;" name="post[more][jiguan]" 
                                placeholder="请输入籍贯" />
                        </td>
                    </tr>
                    
                    
                    
                    <tr  style="display: none;">
                        <th>关键词</th>
                        <td>
                            <input class="form-control" type="text" name="post[post_keywords]" style="width:400px"
                                   placeholder="请输入关键字">
                            <p class="help-block">多关键词之间用空格隔开</p>
                        </td>
                    </tr>
                    <tr  style="display: none;">
                        <th>摘要</th>
                        <td><textarea class="form-control" name="post[post_excerpt]" style="height: 50px;"></textarea>
                        </td>
                    </tr>
                    <tr  style="display: none;">
                        <th>公司介绍</th>
                        <td>
                            <script type="text/plain" id="content" name="post[post_content]"></script>
                        </td>
                    </tr>
                    <tr  style="display: none;">
                        <th>公司资质</th>
                        <td>
                            <ul id="photos" class="pic-list list-unstyled form-inline"></ul>
                            <a href="javascript:uploadMultiImage('图片上传','#photos','photos-item-tpl');"
                               class="btn btn-default btn-sm">选择图片</a>
                        </td>
                    </tr>
                    <tr  style="display: none;">
                        <th>附件</th>
                        <td>
                            <ul id="files" class="pic-list list-unstyled form-inline">
                            </ul>
                            <a href="javascript:uploadMultiFile('附件上传','#files','files-item-tpl','file');"
                               class="btn btn-sm btn-default">选择文件</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">

                        <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('SAVE')}</button>
                        <a class="btn btn-default" href="{:url('AdminLaoren/index')}">{:lang('BACK')}</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <table class="table table-bordered">
                    <tr>
                        <th>照片</th>
                    </tr>
                    <tr>
                        <td>
                            <div style="text-align: center;">
                                <input type='hidden' name='post[more][thumbnail]' id='thumbnail'>
                                <a href="javascript:uploadOneImage('图片上传','#thumbnail');">
                                    <img src="__TMPL__/public/assets/images/default-thumbnail.png"
                                         id='thumbnail-preview'
                                         width='135' height='135' style='cursor: hand'/>
                                </a>
                                <input type="button" class="btn btn-sm"
                                       onclick="$('#thumbnail-preview').attr('src','__TMPL__/public/assets/images/default-thumbnail.png');$('#thumbnail').val('');return false;"
                                       value="取消图片">
                            </div>
                        </td>
                    </tr>
                    <tr style="display: none;">
                        <th>发布时间</th>
                    </tr>
                    <tr style="display: none;">
                        <td><input class="form-control js-bootstrap-datetime" type="text" name="post[published_time]"
                                   value="{:date('Y-m-d H:i',time())}"></td>
                    </tr>
                    <tr style="display: none;">
                        <th>状态</th>
                    </tr>
                    <tr style="display: none;">
                        <td>
                            <div class="checkbox">
                                <label><input type="checkbox" name="post[post_status]" value="1" checked>发布</label>
                            </div>
                        </td>
                    </tr>
                    <tr style="display: none;">
                        <th>模板</th>
                    </tr>
                    <tr style="display: none;">
                        <td>
                            <select class="form-control" name="post[more][template]" id="more-template-select">
                                <option value="">请选择模板</option>
                                <foreach name="page_theme_files" item="vo">
                                    <php>$value=preg_replace('/^portal\//','',$vo['file']);</php>
                                    <option value="{$value}">{$vo.name} {$vo.file}.html</option>
                                </foreach>
                            </select>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/city/distpicker.data.js"></script>
<script type="text/javascript" src="__STATIC__/js/city/distpicker.js"></script>
<script type="text/javascript">
    $(function () {

        editorcontent = new baidu.editor.ui.Editor();
        editorcontent.render('content');
        try {
            editorcontent.sync();
        } catch (err) {
        }

        $('#more-template-select').val('page');

        //省市区
        $("#distpicker1").distpicker();
    });

    $("#birthday").blur(function () {
        var date = $(this).val().trim();
        if(date != "")
        {
            var timeString = date + "T00:00:00Z";
            // 解析指定的日期字符串
            const specificDate = new Date(timeString);
            // 获取当前日期
            const currentDate = new Date();
            // 计算年份差
            let yearsPassed = currentDate.getFullYear() - specificDate.getFullYear();
            // 检查是否已经过了今年的这一天
            if (currentDate.getMonth() < specificDate.getMonth() ||
                (currentDate.getMonth() === specificDate.getMonth() && currentDate.getDate() < specificDate.getDate())) {
                yearsPassed--; // 如果还没有到今年的这一天，则减少一年
            }
            // console.log(yearsPassed);
            var age = yearsPassed;
            $("#age").val(age);
        }
    })

    function doSelectCategory() {
            var selectedCategoriesId = $('#js-categories-id-input').val();
            openIframeLayer("{:url('AdminCategory/sqselect')}?ids=3,4,5,6,7,8,9,10,11&yxid=" + selectedCategoriesId, '请选择社区', {
                area: ['700px', '400px'],
                btn: ['确定', '取消'],
                yes: function (index, layero) {
                    //do something

                    var iframeWin = window[layero.find('iframe')[0]['name']];
                    var selectedCategories = iframeWin.confirm();
                    if (selectedCategories.selectedCategoriesId.length == 0) {
                        layer.msg('请选择社区');
                        return;
                    }
                    $('#js-categories-id-input').val(selectedCategories.selectedCategoriesId.join(','));
                    $('#js-categories-name-input').val(selectedCategories.selectedCategoriesName.join(' '));
                    //console.log(layer.getFrameIndex(index));
                    layer.close(index); //如果设定了yes回调，需进行手工关闭
                }
            });
        }
    function func(){
        var vs = $('#input-hunyin  option:selected').val();
        if(vs =="未婚"){
            $('#poxm').hide();
        } else {
            $('#poxm').show();
        }
        console.log(vs);
    }
</script>
</body>
</html>
